<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html">
	<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
	
	<meta name="format-detection" content="telephone=no">
	<meta name="format-detection" content="email=no">
	<title>首页</title>
	<script src="js/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
    <!--if lt IE 9]>
        <script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="assets/swiper/css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
	
	<!-- 头部导航 -->
	<header class="header">
        <p class="_left">首页</p>
        <p class="_right"><img src="images/icon_3.png"/></p>
    </header>
    
    
    <!-- banner -->
    <nav class="swiper-container tab-nav">
        <div class="swiper-wrapper">
            <div class="swiper-slide">每日精选</div>
            <div class="swiper-slide">美容时尚</div>
            <div class="swiper-slide">美食手札</div>
            <div class="swiper-slide">住家生活</div>
            <div class="swiper-slide">影视区域</div>
            
        </div>
    </nav>
    <main class="main">
        <div class="swiper-container tab-cont">
            <div class="swiper-wrapper">
                <div class="swiper-slide everyday">
                	<div class="lunbo">
                		
	                	<div class="swiper-container">
						    <div class="swiper-wrapper">
						        <div class="swiper-slide"><img src="images/icon_16.png"/></div>
						        <div class="swiper-slide"><img src="images/icon_16.png"/></div>
						        <div class="swiper-slide"><img src="images/icon_16.png"/></div>
						    	<div class="swiper-slide"><img src="images/icon_16.png"/></div>
						    </div>
						    <!-- 如果需要分页器 -->
						    <div class="swiper-pagination"></div>
						    
						   
						</div>
					</div>
					<div class="_comment">
						<div class="pinglun">
							
						
							<div class="_top">
								<dl>
									<dt><img src="images/icon_18.png"/></dt>
									<dd>营养师-牛奶</dd>
								</dl>
							</div>
							<div class="_concent">
								<dl>
									<dd>
										<p>芋头吃法大不同 | 深得人心的芋饺上场了</p>
										<p>吃了那么多饺子，觉得面皮无聊？试试看芋头吧，绝对让你吃出新鲜感！</p>
									</dd>
									<dt><img src="images/icon_20.png"/></dt>
								</dl>
							</div>
							<div class="_bottom">
								<dl>
									<dt><i class="iconfont">&#xe601;</i></dt>
									<dd>1219</dd>
								</dl>
								<dl>
									<dt><i class="iconfont">&#xe600;</i></dt>
									<dd>22</dd>
								</dl>
							</div>
						
						</div>
						
						<div class="pinglun">
							
						
							<div class="_top">
								<dl>
									<dt><img src="images/icon_18.png"/></dt>
									<dd>营养师-牛奶</dd>
								</dl>
							</div>
							<div class="_concent">
								<dl>
									<dd>
										<p>芋头吃法大不同 | 深得人心的芋饺上场了</p>
										<p>吃了那么多饺子，觉得面皮无聊？试试看芋头吧，绝对让你吃出新鲜感！</p>
									</dd>
									<dt><img src="images/icon_20.png"/></dt>
								</dl>
							</div>
							<div class="_bottom">
								<dl>
									<dt><i class="iconfont">&#xe601;</i></dt>
									<dd>1219</dd>
								</dl>
								<dl>
									<dt><i class="iconfont">&#xe600;</i></dt>
									<dd>22</dd>
								</dl>
							</div>
						
						</div>
						<div class="pinglun">
							
						
							<div class="_top">
								<dl>
									<dt><img src="images/icon_18.png"/></dt>
									<dd>营养师-牛奶</dd>
								</dl>
							</div>
							<div class="_concent">
								<dl>
									<dd>
										<p>芋头吃法大不同 | 深得人心的芋饺上场了</p>
										<p>吃了那么多饺子，觉得面皮无聊？试试看芋头吧，绝对让你吃出新鲜感！</p>
									</dd>
									<dt><img src="images/icon_20.png"/></dt>
								</dl>
							</div>
							<div class="_bottom">
								<dl>
									<dt><i class="iconfont">&#xe601;</i></dt>
									<dd>1219</dd>
								</dl>
								<dl>
									<dt><i class="iconfont">&#xe600;</i></dt>
									<dd>22</dd>
								</dl>
							</div>
						
						</div>
					</div>
                </div>
                <div class="swiper-slide">
                    222
                </div>
                <div class="swiper-slide">
                    3333
                </div>
                <div class="swiper-slide">
                    444
                </div>
                <div class="swiper-slide">
                    555
                </div>
               
            </div>
        </div>
    </main>
    
    
    <!-- 底部导航 -->
    <footer class="footer">
    	<dl class="_shouye">
    		<dt><i class="iconfont">&#xe684;</i></dt>
    		<dd>首页</dd>
    	</dl>
    	<dl class="_faxian">
    		<dt><i class="iconfont">&#xe602;</i></dt>
    		<dd>发现</dd>
    	</dl>
    	<dl class="_shangdian">
    		<dt><i class="iconfont">&#xe649;</i></dt>
    		<dd>商店</dd>
    	</dl>
    	
    	<dl class="_wode">
    		<dt><i class="iconfont">&#xe671;</i></dt>
    		<dd>我</dd>
    	</dl>
    </footer>
    
	<script src="assets/jquery/jquery-3.2.1.min.js"></script>
	<script src="assets/swiper/js/swiper-3.4.2.min.js"></script>
	<script src="js/index.js"></script>
    <script src="assets/swiper/js/swiper-3.4.2.jquery.min.js"></script>
    
    <script src="assets/artTemplate/template-web.js" ></script>
    <script src="assets/bootstrap/js/bootstrap.js"></script>
    <script type="text/html" id="template-item">
		{{each list v i}}
			<div class="_shop" >
            	<dl>
            		<dt><img src="{{v.imgs}}"/></dt>
            		<dd>
            			<div>{{v.title}}</div>
            			<div>
            				<ul>
            					<li>新品</li>
            					<li>热卖</li>
            				</ul>
            			</div>
            			<div>￥<span>{{v.money}}</span>元</div>
            			<div>
            				<ul>
                				<li>评论{{v.pinglun}}条</li>
                				<li>已售{{v.shouchu}}</li>
                			</ul>
            			</div>
            		</dd>
            	</dl>
                <div class="img_gouwu">
                	<img src="images/img_gouwuche2.jpg"/>
                </div>
        	</div>
		{{/each}}
 
    </script>
    
    
</body>
</html>
